<template>
	<view class="content">
		<view class="top">
			<image src="../../static/img/successIcon.png" mode="" class="topICon"></image>
			<view>
				<view class="top1">申请成功</view>
				<view class="top2">请耐心等待商家发货</view>
			</view>
		</view>
		<view class="operationBox">
			<view class="operationBtn1" @click="goIndex">继续提货</view>
			<view class="operationBtn2" @click="goIndex">返回首页</view>
			<view class="operationBtn2" @click="goOrder">订单详情</view>
		</view>
		<view class="cont">
			<view class="line">
				<view class="lineLeft">订单内容：</view>
				<view class="lineRight">{{data.card.cardTypeNameLabel}}{{data.card.cardTypeVersionLabel}}</view>
			</view>
			<view class="line">
				<view class="lineLeft">订单编号：</view>
				<view class="lineRight">{{data.orderNo}}</view>
				<view class="copy">复制</view>
			</view>
			<view class="line">
				<view class="lineLeft">下单时间：</view>
				<view class="lineRight">{{data.orderTime}}</view>
			</view>
			<view class="line">
				<view class="lineLeft">期望发货日期：</view>
				<view class="lineRight">{{data.expectSendTime}}</view>
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		 components: {
		     
		},
		data() {
			return {
				orderId:'',
			    data:'',
			}
		},
		onLoad(opt) {
           this.orderId=opt.orderId;
		   this.getData()
		},
		methods: {
           goOrder(){
			   uni.redirectTo({
			   	url:'order?orderId='+this.orderId
			   }) 
		   },
		   getData(){
			   this.$http('delivery/cardOrders/'+this.orderId,{
			   	
			   },'GET').then(res => {
			   	   //console.log(res)
			   	   
			   		if(!res.data){
			   			uni.showToast({
			   				 title: res.msg,
			   				 icon:'none',
			   				 duration: 3000
			   			});
			   		}else{
			   			this.data=res.data
			   		}
			    })
		   },
		   goIndex(){
			   uni.switchTab({
				   url:'/pages/index/index'
			   })
		   }
		}
	}
</script>

<style scoped>
	.top{
		background: #ffffff;
		display: flex;
		justify-content: center;
		padding: 60rpx 0;
	}
	.topICon{
		width: 52rpx;height: 52rpx;
		margin-top: 6rpx;
		
	}
	.top1{
		color: #333333;font-size: 30rpx;
		line-height: 30rpx;
		padding-left: 6rpx;
	}
	.top2{
		color: #999999;font-size: 26rpx;line-height: 30rpx;
		padding-left: 6rpx;
	}
	.operationBox{
		background: #ffffff;
		display: flex;
		justify-content: center;
		padding: 40rpx 0;
	}
	.operationBtn1{
		height: 50rpx;line-height: 50rpx;
		padding:0 20rpx;
		border: 4rpx solid #D53533;
		border-radius: 6rpx;
		font-size: 28rpx;
		color:#D53533 ;
	}
	.operationBtn2{
		height: 54rpx;line-height: 54rpx;
		padding:0 20rpx;
		
		font-size: 28rpx;
		color:#999999 ;
	}
	.cont{
		background: #ffffff;
		margin-top: 20rpx;
		padding: 20rpx 0;
	}
	.line{
		display: flex;
		padding: 15rpx 20rpx;
		font-size: 26rpx;
		color: #999999;
	}
	.copy{
		padding-left: 50rpx;
	}
</style>
